import { Link } from "@tanstack/react-router";
import { Diamonds } from "@icon-park/react";
export const Navbar = () => {
  return (
    <div className="bg-white border-red-500 border-t-2 shadow-sm mb-6">
      <div className="container m-auto h-12 items-center flex gap-6">
        <Link to="/" className="text-red-500 flex items-center gap-1">
          <Diamonds theme="outline" size="24" />
          <span className="uppercase">bhsr922</span>
        </Link>
        <Link to="/front">我的博客</Link>
        <Link to="/feature">框架特性</Link>
        <Link to="/front/live">我的直播</Link>
      </div>
    </div>
  );
};
